import { useContext,createContext } from "react"

function A(){
  return <B/>
}
function B(){
{/* 3.使用useContext函数获取传递的参数 */}
  const name=useContext(CTX)
  return <div>{name}</div>
}
//组件跨层通信的思路
// 1.创建上下文对象
const CTX=createContext()
function App() {
  const name='祖宗给子孙传参咯'
  return (
    <div className="App">
{/* 2.使用上下文对象中的provider组件，其中value属性中传值 */}
      <CTX.Provider value={name}>
      <A/>
      </CTX.Provider>
    </div>
  );
}

export default App;
